<template>
	<view class="upper">
		<view class="imgcon">
			<img :src="avatarUrl"></img>
		</view>
	</view>
</template>
<script>
		import { avatar } from '@/request/app.js'
export default {
  data() {
    return {
		avatarUrl:this.$store.state.imageurl,
      imageUrl:''
	  
    };
  },

  mounted() {
    
  },
  methods:{
  }
}
</script>
<style lang="less">
	.upper{
		height: 8rem;
		background-color: #1b497d;
		    display: flex;
		    align-items: center;
			   
		.imgcon{

			margin-left: 1rem;
			width: 3rem;
			height: 3rem;
			overflow: hidden;
			display: block;
			border-radius: 50%;
			border:1px solid  #1b497d;
			img{
				object-fit: cover;
				width: 100%;
				height: 100%;
			}
		}
		
	}
	
</style>